<!DOCTYPE html>
<html lang="zh-CN">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>

  <link rel="stylesheet" href="./index-big.css" media="screen and (min-aspect-ratio: 7/10)">
  <link rel="stylesheet" href="./index-small.css" media="screen and (max-aspect-ratio: 7/10)">

</head>

<body>
  <div class="note"></div>
  <div class="main">
    <!-- 上 -->
    <div class="top">
      <div class="tag"></div>
      <div class="container">
        <div class="steps">
          <div class="step" id="1"></div>
          <div class="step" id="2"></div>
          <div class="step" id="3"></div>
          <div class="step" id="4"></div>
          <div class="step" id="5"></div>
        </div>
      </div>
    </div>
    <!-- 中 -->
    <h1></h1>
    <!-- 下 -->
    <div class="bottom">
      <button class="forget">忘记了</button>
      <button class="go">跳过</button>
      <button class="remember">记住了</button>
    </div>
  </div>
  <div class="best">
    这道题已经答对了<span></span>次!
  </div>
  <script src="./index.js" type="module"></script>
  <script src="./flexible.js"></script>
</body>



</html>